<template>
  <div id="qianqichjgcs" class="app-container">
    <div class="tabs dachuShenChaBox">
      <el-tabs v-model="activeName">
        <el-tab-pane label="图件审查" name="1" />
        <el-tab-pane label="附件审查" name="2" />
      </el-tabs>
      <div class="dachuShenCha">
        <div class="dachuShenCha_item" @click="exportOpinion">
          <i class="el-icon-upload2" /> 导出审查意见
        </div>
        <div v-if="!isLook" class="dachuShenCha_item" @click="checkTijiao">
          <i class="el-icon-document-checked" /> 校验审查意见
        </div>
      </div>
    </div>
    <div v-show="activeName=='1'" v-loading="listLoading" class="tdMap-box">
      <tdMap
        ref="tdMap"
        :pk-list="list"
        :xian-zhuang-path="xianZhuangFliePath"
        :cuowu-list="cuowuListData"
        :yijian-info="yijianInfoData"
        :is-look="isLook"
        layer-name="LandStoringRecord"
        link-value="CONSTRUCTING_PLAN_RESULT_FIRST_AUDIT"
        fs-link-value="STORING_RECORD_SECOND_AUDIT"
        show-fs="true"
        init-active-name="fsny"
      >
        <template slot="buttonGroup">
          <!-- <el-button @click="handleXzViewInto" size="medium">现状图</el-button> -->
          <el-dropdown class="CAD" @command="handleXzViewInto">
            <el-button class="line" size="medium">
              CAD查看
              <i class="el-icon-arrow-down el-icon--right" />
            </el-button>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="66">远近图查看</el-dropdown-item>
              <el-dropdown-item command="1">现状图</el-dropdown-item>
              <el-dropdown-item command="3">工程布局图</el-dropdown-item>
              <el-dropdown-item command="4">规划图</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
          <!-- <el-button @click="handleXzViewInto(1)" size="medium">工程布局图</el-button> -->
          <!-- <el-button @click="handleXzViewInto(2)" size="medium">规划图</el-button> -->
        </template>
        <div v-if="curIndex != null" slot="popupBaseInfo">
          <table cellspacing="0" class="tableBasicInfo">
            <tr>
              <th>权利人</th>
              <td>{{list[curIndex].qlr}}</td>
            </tr>
            <tr>
              <th>身份证号</th>
              <td>{{list[curIndex].idCard}}</td>
            </tr>
            <tr>
              <th>所在乡镇</th>
              <td>{{list[curIndex].townName}}</td>
            </tr>
            <tr>
              <th>村/居委会</th>
              <td>{{list[curIndex].villageName}}</td>
            </tr>
            <tr>
              <th>农村宅基地面积</th>
              <td>{{list[curIndex].nczjd | M2}}</td>
            </tr>
            <tr>
              <th>农村宅基地附属用地面积</th>
              <td>{{list[curIndex].zjdfs | M2}}</td>
            </tr>

            <tr>
              <th>预计减少建设用地面积</th>
              <td>{{list[curIndex].yjjsj | M2}}</td>
            </tr>
            <tr>
              <th>预计增加农用地面积</th>
              <td>{{list[curIndex].yjzjn | M2}}</td>
            </tr>
            <tr>
              <th>预计增加耕地面积</th>
              <td>{{list[curIndex].yjzjg | M2}}</td>
            </tr>
            <tr>
              <th>预计增加林地面积</th>
              <td>{{list[curIndex].yjzjl | M2}}</td>
            </tr>
            <tr>
              <th>预计增加园地面积</th>
              <td>{{list[curIndex].yjzjy | M2}}</td>
            </tr>
            <tr>
              <th>预计增加其他农用地面积</th>
              <td>{{list[curIndex].yjzjq | M2}}</td>
            </tr>
            <tr>
              <th>审定实施红线面积</th>
              <td>{{list[curIndex].sdsshxmj | M2}}</td>
            </tr>
            <tr>
              <th>审定附属用地</th>
              <td>{{list[curIndex].sdfsyd | M2}}</td>
            </tr>
            <tr>
              <th>审定宅基地</th>
              <td>{{list[curIndex].sdzjd | M2}}</td>
            </tr>
            <tr>
              <th>审定其他</th>
              <td>{{list[curIndex].tbdlm}}</td>
            </tr>
          </table>

          <!-- <div class="allShenchaTuBtn">
            <el-button type="text" size="small" @click="toSeeYjImg(list[curIndex])">查看远近景照</el-button>
            <el-button type="text" @click="toSeeXianZhuang(list[curIndex],1)" size="small">
              {{list[curIndex].auditDto.statusMapProblemStatus=='AUDIT'?'审查现状图':list[curIndex].auditDto.statusMapProblemStatus=='VIEW'?'查看现状图':'审查现状图'}}
            </el-button>
            <el-button type="text" size="small" @click="toSeeXianZhuang(list[curIndex],2)">
              {{list[curIndex].auditDto.statusMapOpinionStatus=='AUDIT'?'审查单体图':list[curIndex].auditDto.statusMapOpinionStatus=='VIEW'?'查看单体图':'审查单体图'}}
            </el-button>
            <el-button type="text" size="small" @click="toSeeXianZhuang(list[curIndex],3)">
              {{list[curIndex].auditDto.engineeringMapOpinionStatus=='AUDIT'?'审查工程布局图':list[curIndex].auditDto.engineeringMapOpinionStatus=='VIEW'?'查看工程布局图':'审查工程布局图'}}
            </el-button>
            <el-button type="text" size="small" @click="toSeeXianZhuang(list[curIndex],4)">
              {{list[curIndex].auditDto.planningMapOpinionStatus=='AUDIT'?'审查规划图':list[curIndex].auditDto.planningMapOpinionStatus=='VIEW'?'查看规划图':'审查规划图'}}
            </el-button>
             
          </div>-->
        </div>
        <div slot="popupJgInfo">
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div class="zonghexinxiLeft">外业核查</div>
            <div class="item-box">
              <div class="one-item one-item-item item-box-firstItem">举证时间：{{jgBasicInfo.time}}</div>

              <div class="table-box">
                <div class="table-box-left table-box-item">外业核查资料</div>
                <div class="table-box-right table-box-item">
                  <ul class="ziliaoList" v-if="jgBasicInfo.imgArr.length!=0">
                    <li
                      @click="handleImageDialog(item)"
                      v-for="(item,index) in jgBasicInfo.imgArr"
                      :key="index"
                    >{{item.name}}</li>
                  </ul>
                  <div v-else class="no-data">暂无信息</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </tdMap>
    </div>

    <fujian
      v-show="activeName == '2'"
      ref="fujianChild"
      :isLook="isLook"
      :fujianList="fujianList"
      :cuowuList="cuowuList"
      :linkValue="linkValue"
    ></fujian>

    <el-dialog
      :close-on-click-modal="false"
      title="审查意见"
      :visible.sync="shenchaFlag"
      :before-close="handleClose"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="shenchaItem">
          <p>问题类型：</p>
          <div class="shenchaItem_item">
            <el-select
              v-model="shenchaInfo.isExistQuestions"
              @change="changeNy"
              placeholder="--请选择--"
            >
              <el-option
                v-for="item in qswuowuList"
                :key="item.code"
                :label="item.name"
                :value="item.code"
              ></el-option>
            </el-select>
          </div>
        </div>
        <div class="shenchaItem_item_noFlex" style="margin-left:20px;" v-if="ifNeyShow">
          <p>疑问复垦点问题记录：</p>
          <div class="shenchaItem_item">
            <el-input
              class="shenchaItem_item_textarea"
              type="textarea"
              :rows="5"
              placeholder="请输入内容"
              v-model="shenchaInfo.questionsRecord"
            ></el-input>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer" v-if="!isLook">
        <el-button @click="handleClose">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitYj1"
        >确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog :close-on-click-modal="false" title="查看图片" :visible.sync="seeImgDialog" width="50%">
      <!-- <div class="seeImg">
        <ul>
          <li v-for="(item,index) in imgArr" :key="index">
            <p>{{item.fileName}}</p>
            <img :src="$https+item.filePath" />
          </li>
          <li style="width:100%">
            <p>{{quanImg.fileName}}</p>
            <div ref="panorama" class="imgBox" style="text-align:center;width:100%;height:500px"></div>
          </li>
        </ul>
      </div>-->
      <seeImg :imgArr="imgArr" :quanTu="panoramaImg" />
    </el-dialog>
    <el-dialog
      :close-on-click-modal="false"
      title="外业审查意见"
      :visible.sync="shenchaFlag1"
      :before-close="handleClose1"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="wyJibenxinxi">
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div class="zonghexinxiLeft">外业核查</div>
            <div class="item-box">
              <div class="one-item one-item-item item-box-firstItem">举证时间：{{jgBasicInfo.time}}</div>

              <div class="table-box">
                <div class="table-box-left table-box-item">外业核查资料</div>
                <div class="table-box-right table-box-item">
                  <ul class="ziliaoList" v-if="jgBasicInfo.imgArr.length!=0">
                    <li
                      @click="handleImageDialog(item)"
                      v-for="(item,index) in jgBasicInfo.imgArr"
                      :key="index"
                    >{{item.name}}</li>
                  </ul>
                  <div v-else class="no-data">暂无信息</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="shenchaItem">
          <p>是否通过：</p>
          <div class="shenchaItem_item">
            <el-radio-group v-model="waiyeObj.waiyeRadio">
              <el-radio label="YES">是</el-radio>
              <el-radio label="NO">否</el-radio>
            </el-radio-group>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer" v-if="!isLook">
        <el-button @click="shenchaFlag1 = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitWy"
        >确 定</el-button>
      </span>
    </el-dialog>
    <!-- 综合监管信息图片、视频查看 -->
    <el-dialog
      :close-on-click-modal="false"
      :title="jgTitle"
      :visible.sync="imgShow"
      :before-close="handleCloseJg"
      class="imgDaolig"
    >
      <div class="imgBox" style="width:500px;height:500px;margin:0 auto;" v-if="showImgType==1">
        <img style="width:100%;height:100%;" :src="$https+imgSrc" alt />
      </div>
      <div class="imgBox" style="width:700px;height:400px;margin:0 auto;" v-if="showImgType==2">
        <video
          id="showVedio"
          autoplay
          controls
          style="width:100%;height:100%;"
          :src="$https+imgSrc"
        ></video>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { setTimeout } from 'timers'
import tdMap from '@/components/tdMap'
import fujian from '@/components/fujianList'
import {
  exportReviewOpinions,
  queryFilingAuditInfo,
  queryFilingDataFujian,
  checkAuditProjectResultAttachmentInfo,
  queryEarlyEnterpriseCheckImg,
  checkAuditLandStatusMapInfo,
  queryEarlyEnterpriseCheckXzt,
  queryEarlyEnterpriseCheckGcbjt,
  queryEarlyEnterpriseCheckGht,
  supervisingCheck,
  supervisingInfo
} from '@/api/storeForRecordSee'
import seeImg from '@/components/seeImg'
import { getNormalOpinionType, getQuestionsOpinionType } from '@/api/getOpinion'
export default {
  components: {
    tdMap,
    seeImg,
    fujian
  },
  filters: {},
  data() {
    return {
      linkValue: 'STORING_RECORD_SECOND_AUDIT',
      cuowuListData: [],
      xianZhuangFliePath: '',
      waiyeObj: {
        waiyeRadio: '',
        landId: ''
      },
      shenchaFlag1: false,
      showWenTiBox: true,
      fullscreenLoading: false, //全屏加载
      cuowuList: [], //错误类型数组
      qswuowuList: [], //疑问片块错误类型
      radio: 'YES', //该片块图件是否为遗漏复垦点
      radio1: 'YES', //审定规模与送审规模是否一致
      textarea: '',
      value: '',
      showChaKan: false, //显示隐藏查看框
      data: [
        {
          id: 1,
          label: '土地利用规划',
          children: [
            {
              id: 8,
              label: '总体规划'
            },
            {
              id: 9,
              label: '管理区规划'
            },
            {
              id: 10,
              label: '土地整治规划'
            }
          ]
        },
        {
          id: 2,
          label: '土地利用现状',
          children: [
            {
              id: 5,
              label: '2018年'
            },
            {
              id: 6,
              label: '2017年'
            }
          ]
        }
      ],
      activeName: '1',
      list: null,
      listLoading: false,
      listQuery: {
        page: 1,
        size: 10
      },
      total: 0, //总数
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      shenchaFlag: false, //审查弹框控制
      showThreeFlag: false, //是否显示三个输入框
      fujianList: [], //附件数组
      itemData: '', //单个附件的数据
      yijianValue: '', //意见值
      yijianContent: '', //意见内容
      itemDataForTable: {
        landId: '', //片块ID
        problemReclaimProblemRecord: '', //疑问复垦点问题记录
        problemReclaimPointOpinionType: '' //疑问复垦点问题类型：
      },
      mapConfig: {
        map: null,
        lng: 106.55,
        lat: 29.57,
        zoom: 10,
        lay: null
      },
      T: null,
      isText: true,
      loading: false,

      imgArr: [], //远近景照片
      seeImgDialog: false,
      quanImg: {
        filePath: '',
        fileName: '全景照'
      },
      panoramaImg: '',

      noWenti: true, //显示隐藏问题框

      isLook: false,

      shenchaInfo: {
        landId: '', //片块id
        isExistQuestions: '', //该片块图件是否存在问题
        questionsRecord: '' //问题记录
      },

      curIndex: null,
      nowType: 1,
      //意见
      yijianInfoData: {
        yijianValue: '',
        yijianContent: '',
        status: ''
      },
      jgBasicInfo: {
        //监管信息
        time: '',
        imgArr: []
      },
      imgShow: false,
      jgTitle: '查看',
      imgSrc: '',
      showImgType: '', //区别视频或者图片 1 图片 2 视频

      ifNeyShow: true //审查内业意见（输入框是否显示）
    }
  },
  created() {
    if (localStorage.getItem('router') == 'STORING_RECORD_SECOND_AUDIT') {
      this.isLook = false
    } else {
      this.isLook = true
    }

    if(localStorage.getItem("lookStatus") == 2){
      this.isLook = true
    }
    this.getData()
    this.getFujian()
    this.getOpinionType()
  },
  methods: {
    handleCloseJg() {
      this.imgShow = false
      var vedio = document.getElementById('showVedio')
      vedio.currentTime = 0
      vedio.pause()
    },
    handleImageDialog(row) {
      //查看综合监管信息图片、视频
      this.imgShow = true
      this.imgSrc = row.path
      this.showImgType = row.type
      if (row.type == 1) {
        this.jgTitle = '查看图片'
      } else {
        this.jgTitle = '查看视频'
        this.$nextTick(() => {
          var vedio = document.getElementById('showVedio')
          vedio.play()
        })
      }
    },
    //关闭现状图
    guanbiXianZhuang() {
      this.xianZhuangFliePath = ''
    },
    //打开现状图
    handleXzViewInto(num) {
      this.nowType = Number(num)
      this.$refs.tdMap.handleXzView()
    },
    //问题记录
    wentijilu(row) {
      var that = this
      var data = {
        projectId: localStorage.getItem('projectId'),
        landId: row.landId
        //"statusMapProblemType": this.yijianValue,
        //"statusMapProblemRecord": this.yijianContent
      }
      if (this.nowType == 1) {
        data['statusMapProblemType'] = row.yijianValue
        data['statusMapProblemRecord'] = row.yijianContent
      } else if (this.nowType == 3) {
        data['engineeringMapOpinionType'] = row.yijianValue
        data['engineeringMapOpinion'] = row.yijianContent
      } else if (this.nowType == 4) {
        data['planningMapOpinionType'] = row.yijianValue
        data['planningMapOpinion'] = row.yijianContent
      }
      checkAuditLandStatusMapInfo(data)
        .then(res => {
          this.$refs.tdMap.closeXianZhuang()
          this.$refs.tdMap.closeMapIframe()
          if (res.code == 1000) {
            this.$message({
              message: '提交成功',
              type: 'success'
            })
          }
        })
        .catch(error => {
          this.$refs.tdMap.closeXianZhuang()
        })
    },
    getZongheInfo(landId) {
      //查询综合监管信息
      let obj = {
        page: 1,
        size: 1,
        projectId: localStorage.getItem('projectId'),
        landId: landId
      }
      supervisingInfo(obj).then(res => {
        let data = res.data.rows[0]
        this.jgBasicInfo.time = data.time
        this.$nextTick(() => {
          let obj1 = {
            page: 1,
            size: 10,
            photo: data.photo ? data.photo : '',
            vcr: data.vcr ? data.vcr : ''
          }
          supervisingCheck(obj1).then(res1 => {
            console.log(res1, 'zonghedetiel')
            var imageGeShi = [
              'bmp',
              'pcx',
              'png',
              'jpg',
              'jpeg',
              'gif',
              'tiff',
              'BMP',
              'PCX',
              'PNG',
              'JPG',
              'JPEG',
              'GIF',
              'TIFF'
            ]
            var videoGeShi = [
              'mp4',
              'avi',
              'flv',
              'rmvb',
              'mkv',
              'mov',
              'rm',
              '3gp'
            ]
            var mainList = []
            var mainList1 = []
            res1.data.rows.forEach((item, index) => {
              imageGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf('.') + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf('.')
                  var photoType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  )
                  mainList.push({
                    name: '外业举证照片',
                    path: item.filePath,
                    type: 1,
                    flieType: photoType
                  })
                }
              })
            })
            res1.data.rows.forEach((item, index) => {
              videoGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf('.') + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf('.')
                  var vedioType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  )
                  mainList1.push({
                    name: '举证现场视频',
                    path: item.filePath,
                    type: 2,
                    flieType: vedioType
                  })
                }
              })
            })
            //名称处理
            mainList.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : '') + item.flieType
            })
            mainList1.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : '') + item.flieType
            })

            this.jgBasicInfo.imgArr = mainList.concat(mainList1)
            console.log(this.jgBasicInfo.imgArr, 'imgarr')
          })
        })
      })
    },
    getCurListIndex(index) {
      //片块基本信息
      this.curIndex = index
      if (this.curIndex != null) {
        this.getZongheInfo(this.list[this.curIndex].landId)
      }
    },
    //打开外业审查意见弹框
    shenchaWy(row) {
      this.waiyeObj.landId = row.landId
      this.getZongheInfo(row.landId)
      if (row.auditDto.isStoringRecordInspectionStatus == 'VIEW') {
        this.waiyeObj.waiyeRadio = row.auditDto.isStoringRecordInspection
      } else if (row.auditDto.isStoringRecordInspectionStatus == 'AUDIT') {
        this.waiyeObj.waiyeRadio = ''
      }
      this.shenchaFlag1 = true
    },
    //提交外业意见
    submitWy() {
      console.log('审查')
      let obj = {
        landId: this.waiyeObj.landId,
        projectId: localStorage.getItem('projectId'),
        isStoringRecordInspection: this.waiyeObj.waiyeRadio
      }
      this.fullscreenLoading = true
      checkAuditLandStatusMapInfo(obj)
        .then(res => {
          this.fullscreenLoading = false
          if (res.code == 1000) {
            this.$message({
              message: '审查成功',
              type: 'success'
            })
            this.shenchaFlag1 = false
            this.getData()
          }
        })
        .catch(() => {
          this.fullscreenLoading = false
        })
    },
    handleClose1() {
      this.shenchaFlag1 = false
    },
    exportOpinion() {
      // 导出意见
      this.$refs.tdMap.handleExportOpinion()
    },
    changeNy(val) {
      if (val == 'NO_PROBLEM') {
        this.ifNeyShow = false
      } else {
        this.ifNeyShow = true
      }
    },
    // 切换疑问类型
    changeType(val) {
      if (val == 'NO_PROBLEM') {
        this.noWenti = false
      } else {
        this.noWenti = true
      }
    },
    // 获取现状图
    getXianZhangData(data) {
      var data = {
        landId: data.landId
      }
      if (this.nowType == 1) {
        queryEarlyEnterpriseCheckXzt(data).then(res => {
          this.xianZhuangFliePath = res.data.statusMap.filePath
          this.yijianInfoData.yijianContent =
            res.data.auditDto.statusMapProblemRecord
          this.yijianInfoData.yijianValue =
            res.data.auditDto.statusMapProblemType
          this.yijianInfoData.status = res.data.auditDto.statusMapProblemStatus
        })
      } else if (this.nowType == 3) {
        queryEarlyEnterpriseCheckGcbjt(data).then(res => {
          this.xianZhuangFliePath = res.data.filePath
          this.yijianInfoData.yijianContent = res.data.opinion
          this.yijianInfoData.yijianValue = res.data.opinionType
          this.yijianInfoData.status = res.data.opinionStatus
        })
      } else if (this.nowType == 4) {
        queryEarlyEnterpriseCheckGht(data).then(res => {
          this.xianZhuangFliePath = res.data.filePath
          this.yijianInfoData.yijianContent = res.data.opinion
          this.yijianInfoData.yijianValue = res.data.opinionType
          this.yijianInfoData.status = res.data.opinionStatus
        })
      }
    },
    // 前往查看现状图
    toSeeXianZhuang(row) {
      if (this.nowType == 66) {
        this.toSeeYjImg(row)
      } else {
        this.getXianZhangData(row)
      }
    },

    toSeeYjImg(row) {
      // 查看远近景照
      this.imgArr = []
      this.panoramaImg = ''
      let obj = {
        landId: row.landId
      }
      queryEarlyEnterpriseCheckImg(obj).then(res => {
        if (res.code == 1000) {
          if (res.data != null) {
            if (
              res.data.landPositionOneFilePath != null &&
              res.data.landPositionOneFilePath != ''
            ) {
              this.imgArr.push({
                fileName: '方位照1',
                filePath: res.data.landPositionOneFilePath,
                id: 1
              })
            }
            if (
              res.data.landPositionTwoFilePath != null &&
              res.data.landPositionTwoFilePath != ''
            ) {
              this.imgArr.push({
                fileName: '方位照2',
                filePath: res.data.landPositionTwoFilePath,
                id: 2
              })
            }
            if (
              res.data.landPositionThreeFilePath != null &&
              res.data.landPositionThreeFilePath != ''
            ) {
              this.imgArr.push({
                fileName: '方位照3',
                filePath: res.data.landPositionThreeFilePath,
                id: 3
              })
            }
            if (
              res.data.landPositionFourFilePath != null &&
              res.data.landPositionFourFilePath != ''
            ) {
              this.imgArr.push({
                fileName: '方位照4',
                filePath: res.data.landPositionFourFilePath,
                id: 4
              })
            }
            if (
              res.data.panoramagramFilePath != null &&
              res.data.panoramagramFilePath != ''
            ) {
              this.panoramaImg = res.data.panoramagramFilePath
            }
          }
        }
        console.log(this.imgArr, 'imgarr')
        this.seeImgDialog = true
      })
    },
    changeText(v) {
      if (v == 'NO_PROBLEM') {
        this.isText = false
      } else {
        this.isText = true
      }
    },
    //选择问题类型(用于无问题时隐藏输入意见框)
    changeWenTi(v) {
      console.log(v)
      if (v == 'NO_PROBLEM') {
        this.showWenTiBox = false
      } else {
        this.showWenTiBox = true
      }
    },
    //检查提交
    checkTijiao() {
      this.$refs.tdMap.handleCheckOpinion({
        stage: 'LandStoringRecord',
        path: '/xmkgh/ywdeal'
      })
    },
    //提交意见(列表)
    submitYj1() {
      this.fullscreenLoading = true
      var that = this

      var data = {
        projectId: localStorage.getItem('projectId'),
        landId: this.shenchaInfo.landId,
        landOpinionType: this.shenchaInfo.isExistQuestions,
        landOpinion: this.shenchaInfo.questionsRecord
      }
      checkAuditLandStatusMapInfo(data)
        .then(res => {
          this.fullscreenLoading = false
          if (res.code == 1000) {
            this.$message({
              message: '审查成功',
              type: 'success'
            })
            that.getData()
            that.shenchaFlag = false
          }
        })
        .catch(error => {
          this.fullscreenLoading = false
        })
    },
    //提交意见(附件)
    submitYj() {
      var that = this
      this.fullscreenLoading = true
      var data = {
        projectId: localStorage.getItem('projectId'),
        attachmentType: this.itemData.fileType,
        opinionType: this.yijianValue,
        opinionContent: this.yijianContent
      }
      checkAuditProjectResultAttachmentInfo(data)
        .then(res => {
          this.fullscreenLoading = false
          if (res.code == 1000) {
            this.$message({
              message: '提交成功',
              type: 'success'
            })
            setTimeout(function() {
              that.getFujian()
              that.showChaKan = false
              that.itemData = '' //单个附件的数据
              that.yijianValue = '' //意见值
              that.yijianContent = '' //意见内容
            }, 1200)
          }
        })
        .catch(error => {
          this.fullscreenLoading = false
        })
    },
    //获取意见类型
    getOpinionType() {
      getNormalOpinionType().then(res => {
        this.cuowuList = res.data
        this.cuowuListData = res.data
      })
      getQuestionsOpinionType().then(res => {
        this.qswuowuList = res.data
      })
    },
    //查看附件
    chaKanItem(item) {
      this.itemData = item
      console.log(item, 'item')
      if (item.opinionStatus == 'VIEW') {
        this.yijianValue = item.opinionType
        this.yijianContent = item.opinion
        if (this.yijianValue == 'NO_PROBLEM') {
          this.isText = false
        } else {
          this.isText = true
        }
      } else if (item.opinionStatus == 'AUDIT') {
        this.isText = true
        this.yijianValue = ''
        this.yijianContent = ''
      }
      this.showChaKan = true
    },
    //获取附件列表
    getFujian() {
      var data = {
        projectId: localStorage.getItem('projectId')
      }
      queryFilingDataFujian(data).then(res => {
        this.fujianList = res.data
      })
    },

    //关闭审查弹框
    handleClose() {
      this.shenchaFlag = false
      this.noWenti = true
    },
    //打开审查意见弹框
    shenchaYj(row) {
      this.shenchaInfo.landId = row.landId
      if (row.auditDto.landOpinionStatus == 'AUDIT') {
        this.shenchaInfo.isExistQuestions = ''
        this.shenchaInfo.questionsRecord = ''
        this.ifNeyShow = true
      } else if (row.auditDto.landOpinionStatus == 'VIEW') {
        this.shenchaInfo.isExistQuestions = row.auditDto.landOpinionType
        this.shenchaInfo.questionsRecord = row.auditDto.landOpinion
        if (row.auditDto.landOpinionType == 'NO_PROBLEM') {
          this.ifNeyShow = false
        } else {
          this.ifNeyShow = true
        }
      }
      this.shenchaFlag = true
    },
    getData() {
      this.listLoading = true
      var data = {}
      var objArr = this.listQuery
      for (var index in objArr) {
        if (objArr[index] != '' && objArr[index] != null) {
          data[index] = objArr[index]
        }
      }
      data['projectId'] = localStorage.getItem('projectId')
      queryFilingAuditInfo(data).then(res => {
        this.listLoading = false
        this.list = res.data.rows
        this.total = res.data.total
      })
    },
    //改变每页显示条数
    handleSizeChange(val) {
      console.log(val, '12')
      this.listQuery.size = val
      this.getData()
    },
    //改变页码
    handleCurrentChange(val) {
      console.log(val, 'val')
      this.listQuery.page = val
      this.getData()
    },
    handleClick(tab, event) {
      this.showChaKan = false
      this.textarea = ''
      this.value = ''
    },

    changeLnglat(scope) {
      this.$refs.tdMap.changePkPosition(scope.$index)
    }
  }
}
</script>
<style lang="scss" scoped>
#qianqichjgcs /deep/ .el-tabs__nav-wrap::after {
  height: 1px;
}

#qianqichjgcs .mapBox {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
#qianqichjgcs .mapBox_right {
  width: 85%;
  height: 600px;
}
#qianqichjgcs .ditudanghang {
  background: #f2f2f2;
  height: 40px;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 40px;
}
.fujianShenCha {
  overflow: auto;
}
#qianqichjgcs .fujianList {
  margin-top: 30px;
  float: left;
  width: 25%;
  box-sizing: border-box;
  margin-right: 3%;
}
.chaKanBox {
  float: left;
  width: 70%;
  box-sizing: border-box;
}
#qianqichjgcs .fujianList_item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 30px;
}
#qianqichjgcs .fujianList_item p {
  width: 300px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #444;
}

.dachuShenChaBox {
  position: relative;
}

.dachuShenCha {
  position: absolute;
  right: 0;
  top: 4px;
  display: flex;
}

.dachuShenCha .dachuShenCha_item {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
}

.dachuShenCha .dachuShenCha_item:first-child {
  margin-right: 35px;
}

.showDetail {
  display: flex;
  justify-content: space-between;
}
.chaKanBox_right_select {
  display: flex;
  align-items: center;
}
.chaKanBox_right_select p {
  font-size: 14px;
  color: #444;
  margin-right: 15px;
}
.chaKanBox_left {
  width: 70%;
  margin-right: 3%;
  height: calc(100vh - 250px);
}
.chaKanBox_right {
  width: 27%;
}
.chaKanBox_right_item {
  margin-bottom: 20px;
}
.chaKanBox_right_item_textarea {
  width: 100%;
}
.shenchaItem {
  display: flex;
  align-items: center;
  margin: 0 20px;
}
.shenchaItem p {
  width: 230px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenChaTanKuang /deep/ .el-dialog {
  width: 500px;
}
.shenchaItem_item_textarea {
  width: 100%;
}
.shenchaItem_item_noFlex p {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenchaItem_small {
  margin-top: 20px;
}
.shenchaItem_small p {
  width: 100px;
}
.shenchaItem_item_input {
  width: 260px;
}

/deep/ .el-tree-node__label {
  margin-left: 10px;
}

.seeImg {
  text-align: center;
  overflow: hidden;
}
.seeImg ul,
.seeImg li {
  list-style: none;
}
.seeImg li {
  float: left;
}
.seeImg li img {
  width: 400px;
  height: 400px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.iframeLoad {
  display: flex;
  font-size: 35px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#qianqichjgcs .CAD /deep/ .el-button--medium {
  border-radius: 4px 0 0 4px;
}
.bgFujian {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.fujianTitle {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
}
.fujianContent {
  margin-left: 30px;
  background: #f5f8fa;
  width: 90%;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fujianName {
  font-size: 14px;
  font-weight: bold;
  color: #606266;
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
  width: 80%;
}
.fujianName .fujianNamePdf {
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.fujianName .icon {
  display: block;
  font-size: 20px;
  margin-right: 10px;
  color: #409eff;
}

.isHover {
  color: #409eff;
  font-size: 13px;
  width: 50px;
}
.isHover span {
  padding: 0px 3px;
  margin: 3px 5px 3px 0;
  cursor: pointer;
  display: block;
  float: left;
}
</style>
